<template>
    <div class="bigImg" @click.stop="CloseImg">
        <img :src="imgSrc.src">
    </div>
</template>
<script type="text/ecmascript-6">
    export default {
        name: "bigImg",
        props: {
            imgSrc: {
                type: Object
            }
        },
        data () {
            return {}
        },
        methods: {
            CloseImg(){
                this.imgSrc.src = ''
            }
        }
    }
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
    .bigImg {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        /*background: #000;*/
        img {
            display: block;
            width: 60%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }
    }
</style>